<template>
    <div id="big">
        <div class="d1" v-for="(item, index) in cityData" @click="clickBtn(item.county)">
            <p>{{ item.county }}</p>
        </div>
</div>
</template>
  
<script lang='ts' setup>
import bus from "@/bus/bus";
import { reactive } from "vue"
import { countyList } from "@/api/productList"

let clickBtn = (county: string) => {
    bus.emit("cityBtn", county);
    // console.log(name);
}
let cityData: any = reactive([]);

countyList().then((res) => {
    console.log(res)
    res.forEach(item => {
        cityData.push(item)
    })
})
// let cityData = [
//     {
//         "id": "1001",
//         "county": "不限"
//     },
//     {
//         "id": "1002",
//         "county": "海淀"
//     },
//     {
//         "id": "1003",
//         "county": "朝阳"
//     },
//     {
//         "id": "1004",
//         "county": "东城"
//     },
//     {
//         "id": "1005",
//         "county": "西城"
//     },
//     {
//         "id": "1006",
//         "county": "崇文"
//     },
//     {
//         "id": "1007",
//         "county": "宣武"
//     },
//     {
//         "id": "1008",
//         "county": "丰台"
//     },
//     {
//         "id": "1009",
//         "county": "石景山"
//     },
//     {
//         "id": "1010",
//         "county": "房山"
//     },
//     {
//         "id": "1010",
//         "county": "房山"
//     },
//     {
//         "id": "1011",
//         "county": "大兴"
//     },
//     {
//         "id": "1012",
//         "county": "通州"
//     },
//     {
//         "id": "1013",
//         "county": "顺义"
//     },
//     {
//         "id": "1014",
//         "county": "昌平"
//     },
//     {
//         "id": "1015",
//         "county": "密云"
//     },
//     {
//         "id": "1016",
//         "county": "怀柔"
//     },
//     {
//         "id": "1017",
//         "county": "延庆"
//     },
//     {
//         "id": "1018",
//         "county": "平谷"
//     },
//     {
//         "id": "1019",
//         "county": "门头沟"
//     },
//     {
//         "id": "1020",
//         "county": "燕郊"
//     },
//     {
//         "id": "1021",
//         "county": "北京周边"
//     }
// ]
</script>
  
<style lang='scss' scoped>
#big {
    width: 100%;
    height: 75%;
    background-color: white;
}

.d1 {
    width: 100%;
    border-top: 1px solid #e9e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.d1 p {
    margin-left: 3%;
}
</style>
